<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Grids list</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="table_style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="main">
  
  <div class="header">
    <div class="block_header">
          <div class="logo"><a href="index.html"><img src="images/logo.gif" border="0" alt="logo" /></a></div>
              <div class="menu_resize">
                <div class="menu">
                  <ul>
                    <li><a href="#" class="active"><span>Grids list</span></a></li>
                    <li><a href="#"><span>Log out</span></a></li>
                  </ul>
                </div>
             <div class="clr"></div>
          </div>
       <div class="clr"></div>
    </div>
    <div class="clr"></div>
  </div>
  
  <div class="body">
  
  	<div class="FBG">
    	<h2 class="rec"><span>You're logged in as observer <br></span></h2>
    </div>
    <div class="clr"></div>
    
    <div class="body_resize">
   
       <h2>Grids list  <br /> </h2>
   
         <table cellspacing="0" cellpadding="0" id="box-table-a" summary="Grids List">
            <thead>
                <tr>
                    <th >Name</th>
                    <th >Rows</th>
                    <th >Column</th>
                    <th > </th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Here is name no. 1</td>
                    <td>300</td>
                    <td>50</td>
                    <td><a href="#"> Link here </a></td>
                </tr>
                <tr>
                    <td>Here is name no. 2</td>
                    <td>150</td>
                    <td>-</td>
                    <td><a href="#"> Link here </a></td>
                </tr>
                <tr>
                    <td>Here is name no. 3</td>
                    <td>200</td>
                    <td>35</td>
                    <td><a href="#"> Link here </a></td>
                </tr>
                <tr>
                    <td>Here is name no. 4</td>
                    <td>175</td>
                    <td>25</td>
                    <td><a href="#"> Link here </a></td>
                </tr>
            </tbody>
        </table>
	
    </div>
    
    <div class="clr"></div>
  </div>

</div>
</body>
</html>